<template>
	<div class="container">
		<div style="padding: 10px;border:1px solid #ccc;">
			<div style="font-weight: bold;">简介</div>
			业务员外勤管理软件
		</div>
		<div style="padding: 10px;border:1px solid #ccc;">
			<div style="font-weight: bold;">产品规格</div>
			<div style="margin-bottom: 10px">
				web端:
				<hr>
				<input class="attr_option" type="checkbox" value="" checked="checked" disabled="disabled" required="required" />
				web
			</div>
			<div style="margin-bottom: 10px;">
				移动端:
				<hr>
				<input class="attr_option" type="checkbox" value="" checked="checked" />
				ios/Android
			</div>
			<div style="font-weight: bold; margin-top: 10px;">合计售价</div>
			<div style="color: #F40;font-weight: 700;font-size: 16px;">￥100.00</div>
			<div style="font-weight: blod;margin-top: 10px;">售价详细</div>
			<hr>
			<div>
				1)
				<span style="color: #999999;">web端</span>
				web
				<span style="color: red;">[必选]</span>
				<span style="margin-left: 10px; color: #F40;">￥100.00</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'AttroPtion',
	}
</script>

<style>
	.container {
		max-width: 1200px;
		margin: 0 auto;
	}
</style>
